HTML5支援的日期欄位、自動增長的文字訊息欄位
HTML5新增了對日期欄位的支援,而JQuery Mobile也支援html5,所以直接指定input元素類型即可。
●date 日期選擇器(日、月、年)。
●datetime 完整的日期選擇器(日、月、年、小時、分鐘)
●time 時間選擇器
●datetime-local完整日期不包含時區資訊
●month 月份選擇
●week 週期選擇
查詢可支援相容性資訊的最新版本:http://mobilehtml5.org
文字訊息自動增加區域:輸入多行文字時,JQuery Mobile一開始會提供兩行的高度,到超過兩行會動增加第三行。
作法:
<div data-role="fieldcontain">
<label for="listbook">text-area</label>
<textarea id="listbook" name="listbook"></textarea>
<label for="name">Last Name</label>
<input type="text" id="name" />
</div>
顯示結果
以上小小分享,有任何問題還請多多指教。